<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>历史记录</title>
    <link rel="stylesheet" type="text/css" href="/static/css/share.css">
    <link rel="stylesheet" type="text/css" href="/static/css/history.css">
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/js/index.js"></script>
    <script>
        $(function() {
            $.get('/history/list', function(data) {
                for (i in data) {
                    var html = '';
                    html+='<li class="entry">';
                    html+='    <ul class="details_one">';
                    html+='        <li>'+data[i].name+'</li>';
                    html+='        <li>'+data[i].time+'</li>';
                    html+='        <li>'+data[i].status+'</li>';
                    html+='        <li><a href="'+data[i].detail+'">查看报表</a></li>';
                    html+='    </ul>';
                    html+='</li>';
                    $('#history_list').append(html)
                }
            })
        })
    </script>
</head>

<body>
    <!-- logo -->
    <div class="Home_page">
        <div class="container">
            <div class="logo"></div>
            <div class="home_icon his_po">
                <div class="history">
                    <a href="history.html">
                        <div class="record">
                            <span class="his_icon"></span>
                        </div>
                    </a>
                    <a href="index.html">
                        <div class="set_up">
                            <span class="set_icon"></span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="main">
        <div class="banner">
            <div class="container">
                <div class="his_box">
                    <h3>历史记录</h3>
                    <span class="title_border"></span>
                    <!-- 表格 -->
                    <div class="sheet">
                        <!-- 名称 -->
                        <div class="dt">
                            <ul class="first_table">
                                <li>名称</li>
                                <li>时间</li>
                                <li>完成度</li>
                                <li>详情</li>
                            </ul>
                        </div>
                        <!-- 列表详情 -->
                        <ul id="history_list" class="list clearfix">
                            <!-- <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li>
                            <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li>
                            <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li>
                            <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li>
                            <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li>
                            <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li>
                            <li class="entry">
                                <ul class="details_one">
                                    <li>Kafka</li>
                                    <li>2017-09-30 12:22:11</li>
                                    <li>80%</li>
                                    <li><a href="javascript:;">报表</a></li>
                                </ul>
                            </li> -->
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</body>

</html>